/**--------------------------------------
 * 公共样式文件
 * --------------------------------------
 * @author      : MvpKaiser
 * --------------------------------------
 * @description : Css for Vue3
 * --------------------------------------
 */

/* —— Reset —— */
* {
    /*user-select: none;*/
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: Tahoma, Arial, -apple-system-font, "Helvetica Neue", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    box-sizing: border-box;
    height: 100%;
}

ul,
ol,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #333;
}

/* —— All —— */
.n-select {
    /*user-select: none;*/
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.break {
    word-wrap: break-word;
}

.resize {
    resize: none;
}

.bold {
    font-weight: 700;
}

.auto {
    margin: 0 auto;
}

/* —— Display —— */
.d-i {
    display: inline;
}

.d-i-b {
    display: inline-block;
}

.d-b {
    display: block;
}

.flex {
    display: flex;
}

/* —— TextAlign —— */
.t-l {
    text-align: left !important;
}

.t-r {
    text-align: right !important;
}

.t-c {
    text-align: center !important;
}

/* —— Float —— */
.f-l {
    float: left !important;
}

.f-r {
    float: right !important;
}

.f-i {
    float: inherit !important;
}

.clear {
    clear: both;
}

/* —— Cursor —— */
.c-p {
    cursor: pointer !important;
}

.c-n {
    cursor: not-allowed !important;
}

/* —— Position —— */
.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

/* —— FontSize —— */
.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs19 {
    font-size: 19px !important;
}

.fs20 {
    font-size: 20px !important;
}

/* —— Padding —— */
.p-0 {
    padding: 0px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

/* —— Margin —— */
.m-0 {
    margin: 0px !important;
}

.m-0-2 {
    margin: 0 2px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

/* 阿里字体 */
.i {
    font-family: "iconfont" !important;
    font-size: 16px;
    color: #333 !important;
    margin-right: 5px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}